{{extends file="frontend/layout.tpl"}}

{{block name=title}}{{$title}}{{/block}}

{{block name=header}}
    <link rel="stylesheet" href="{{$base_url}}/assets/css/bootstrap.min.css">
{{/block}}

{{block name=content}}
    
    <h1>{{$title}}</h1>
    
    <div class="about-content">
        <p>This is a simple PHP MVC framework integrated with Smarty template engine.</p>
        
        <h2>Why use Smarty?</h2>
        <ul>
            <li><strong>Separation of Concerns:</strong> Keeps PHP logic separate from HTML presentation</li>
            <li><strong>Security:</strong> Automatic escaping of variables by default</li>
            <li><strong>Template Inheritance:</strong> Create base templates and extend them</li>
            <li><strong>Powerful Features:</strong> Includes loops, conditionals, filters, and custom functions</li>
        </ul>
        
        <h2>Getting Started</h2>
        <p>To use Smarty in your controller:</p>
        <pre>
        public function index() {
            return $this->view('template_name', [
                'var1' => 'value1',
                'var2' => 'value2'
            ]);
        }
        </pre>
    </div>
{{/block}}